import React from "react";
import 减 from "../../cutpic/减.png";
import 加 from "../../cutpic/加.png";
import './Comm.css'


export default () => {
    return (
        <div
          className='outComm'
          // style={{ padding: "20px 0" }}
        >
            <div
              className='CommImage'
                // style={{
                //     width: 156,
                //     height: 156,
                //     borderRadius: 10,
                //     background: "#aaa",
                //     marginRight: 18
                // }}
            ></div>
            <div
              className='wrapDesc'
              // style={{ flexDirection: "column", flex: 1 }}
            >
                <div
                  className="CommdescDetail"
                  // style={{ fontSize: 28, color: "#1a1a1a" }}
                >
                    双层麻辣鸡排堡双层麻辣...
                </div>
                <div
                  className='wrapPrice'
                  // style={{ fontSize: 22, color: "#ff4d3a", marginTop:10,}}
                >
                    <div
                      className='CommEach'
                      // style={{ paddingRight: 4 }}
                    >每单仅限一份</div>
                    <div>仅剩8份</div>
                </div>
                <div
                  className='calc'
                  // style={{ justifyContent: "space-between" }}
                >
                    <div
                      className='CommPrice'
                      // style={{ fontSize: 36, color: "#ff4d3a" }}
                    >
                        <div
                          className='CommMoneyDesc'
                          // style={{ fontSize: 24 }}
                        >¥</div>25
                        <s
                          className='outMoneyDesc'
                          // style={{ fontSize: 24, color: "#ccc" }}
                        >¥59</s>
                    </div>
                    <div>
                        <div>
                            <img src={减} alt='' />
                        </div>
                        <div
                          className='CommNumber'
                            // style={{
                            //     width: 46,
                            //     height: 46,
                            //     alignItems: "center",
                            //     justifyContent: "center"
                            // }}
                        >
                            1
                        </div>
                        <div>
                            <img src={加} alt='' />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    );
};
